﻿
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Card - My ASP.NET MVC Application</title>
        <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
        <link href="/Content/site.css" rel="stylesheet"/>

        <script src="/Scripts/modernizr-2.5.3.js"></script>
        <script src="/Scripts/jquery-1.7.1.js"></script>

        
    <script src="/Scripts/jquery.unobtrusive-ajax.js"></script>
    <script src="/Scripts/jquery.validate.js"></script>
    <script src="/Scripts/jquery.validate.unobtrusive.js"></script>
    </head>
    <body>
        <header>
            <div class="content-wrapper">
                <div class="float-left">
                    <p class="site-title"><a href="/">your logo here</a></p>
                </div>
                <div class="float-right">
                    <section id="login">
                            <ul>
        <li><a href="/Account/Register" id="registerLink">Register</a></li>
        <li><a href="/Account/Login" id="loginLink">Log in</a></li>
    </ul>

                    </section>
                    <nav>
                        <ul id="menu">
                            <li><a href="/">Home</a></li>
                            <li><a href="/Home/About">About</a></li>
                            <li><a href="/Home/Contact">Contact</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>
        <div id="body">
            
            <section class="content-wrapper main-content clear-fix">
                

<h2>Card</h2>
    <script type="text/javascript">

        function UpdateName(username) {
            debugger;
            alert("2");
            document.getElementById("FirstName").value = username;

        }
    </script>
<form action="/Page/Card" method="post">    <fieldset>
        <legend>Log in Form</legend>
        <ol>
                <li>
                    <label for="UserID">User ID</label>
                    <input data-val="false" data-val-required="Required." id="UserID" name="UserID" disabled="disabled" type="text" value="" />                        
                    <span class="field-validation-valid" data-valmsg-for="UserID" data-valmsg-replace="true"></span>
                </li>
                <li>
                    <label for="Username">Username</label>
                    <input data-val="true" data-val-required="Required." id="Username" name="Username" type="email" value="" />
                    <span class="field-validation-valid" data-valmsg-for="Username" data-valmsg-replace="true"></span>
                </li>
                <li>
                    <label for="Password">Password</label>
                    <input data-val="true" data-val-required="Required." id="Password" name="Password" type="password" value="" />
                    <span class="field-validation-valid" data-valmsg-for="Password" data-valmsg-replace="true"></span>
                </li>
                <li>
                    <label for="FirstName">First Name</label>
                    <input data-val="true" data-val-required="Required." id="FirstName" name="FirstName" type="text" value="" />
                    <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>
                </li>
                <li>
                    <label for="LastName">Last Name</label>
                    <input data-val="false" data-val-required="Required." id="LastName" name="LastName" type="text" value="" />
                    <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>
                </li>
                <li>
                    <label for="Gender">Gender</label>
                    <select data-val="false" data-val-required="Required." id="Gender" name="Gender">
                        <option value=""></option>
                            <option value="Male">Male</option>
                            <option value="Female">Female</option>
                    </select>

                    <span class="field-validation-valid" data-valmsg-for="Gender" data-valmsg-replace="true"></span>
                </li>
                <li>
                    <label for="Role">Select Role</label>
                    <input data-val="true" data-val-required="Required." id="Role" name="Role" type="search" value="" />
                    <span class="field-validation-valid" data-valmsg-for="Role" data-valmsg-replace="true"></span>
                </li>
                <li>
                    <label for="Status">Status</label>
                    <select data-val="true" data-val-required="Required." id="Status" name="Status">
                        <option value=""></option>
                            <option value="New">New</option>
                            <option value="Approved">Approved</option>
                            <option value="Rejected">Rejected</option>
                    </select>

                    <span class="field-validation-valid" data-valmsg-for="Status" data-valmsg-replace="true"></span>
                </li>
                <li>
                    <label for="IsActive">Is Active</label>
                        <input data-val="false" data-val-required="Required." id="IsActive" name="IsActive" type="checkbox" />
                    <span class="field-validation-valid" data-valmsg-for="IsActive" data-valmsg-replace="true"></span>
                </li>
        </ol>
        <input id="chk" name="chk" type="checkbox" />
            <input type="submit" value="Create" onclick="document.getElementById('callfunc').value = 'FuncLib@CreateNewLead'" />

        <input type="hidden" id="callfunc" name="callfunc" />
    </fieldset>
</form>


            <script type="text/javascript">
                $(function () {
                    $("#Username").focusout
                    (function () {
                        UpdateName(this.value);
                    });
                });
            </script>
            <script type="text/javascript">
                $(function () {
                    $("#LastName").change
                    (function () {

                        alert("2");
                        if (this.value == "") {
                            alert("Enter lastname");
                        }

                    });
                });
            </script>

            </section>
        </div>
        <footer>
            <div class="content-wrapper">
                <div class="float-left">
                    <p>&copy; 2013 - My ASP.NET MVC Application</p>
                </div>
            </div>
        </footer>

        


    </body>
</html>
